//查询
$(function(){
    // 新增首页跳转
    $(".icon-qiye").on("click", function(){
location.href = "home.html";
    })
    // ----------------------------
    let uid = localStorage.getItem(`uid`)
     console.log(uid);
    $.get("http://jx.xuzhixiang.top/ap/api/cart-list.php",{
        id:uid,
      }).then((spdata)=>{
        // console.log(spdata);
        let stl =``
        for(let j=0; j<spdata.data.length; j++){
            // console.log(j);
            console.log(spdata.data[j]);
            let pic =spdata.data[j].pprice
            let pum =spdata.data[j].pnum
            let he =pic*pum
         stl+=`    
           <div class="item-combine" >
         <div class="item-form">
           <input type="checkbox" class="iptt" />
           <div class="item-xiangx">
             <div class="imglist">
               <img src="${spdata.data[j].pimg}" alt="" />
             </div>
             <div class="p-msg">
               <a href="" class="abtlist"
                 ><i>京选优品</i> ${spdata.data[j].pname}</a
               >
             </div>
           </div>
           <div class="kongkuai"></div>
           <div class="danjy">￥${spdata.data[j].pprice}</div>
           <div class="getso">
             <div class="zstb">
               <button class="listzbtn">-</button>
               <input type="text" value="${spdata.data[j].pnum}" class="listbtn" />
               <button class="listbtj">+</button>
             </div>
           </div>
           <div class="strong"><strong class="zhsz">￥${he}</strong></div>
           <div class="delet"pid="${spdata.data[j].pid}">删除</div>
         </div>
       </div>
      `
        }
        $(".list-actionbig").html(stl)


        
      // $(".allx").on("click", function (){
      //   //  let allbtn=   $(this).is(":checked");
      //   let allbtn=$(this).prop("checked")
      //   console.log(allbtn);
      //   $(".delet :checkbox").prop("checked",allbtn)
      // })
      // 单选全选开始
      $(".allx").change(function() {
        console.log($(this).prop("checked"));/* 输出全选按钮的选中状态 */
        $(".iptt").prop("checked", $(this).prop("checked"));
    });
    $(".iptt").change(function() {
      if ($(".iptt:checked").length === $(".iptt").length) {
          $(".allx").prop("checked", true);
      } else {
          $(".allx").prop("checked", false);

      }
  })
      // 单选全选结束

// 顶部数量变化开始
      $(".iptt").change(function() {
       console.log($(".iptt").length);
      $(".listnb").text($(".iptt:checked").length);
     
})
// 顶部数量变化结束

        $(".iptt").on("click", function (){
          let danbtn =$(".iptt").is(":checked")
          console.log(danbtn);
        })

        newdatt ()
        
        // console.log(stl);
        // let token =localStorage.getItem("token");
        $(".delet").on("click", function() {
                         this.parentNode.remove()
                       
                        // console.log(token);
                        // http://jx.xuzhixiang.top/ap/api/cart-delete.php
            $.get("http://jx.xuzhixiang.top/ap/api/cart-delete.php",{
                uid:uid,
                pid:$(this).attr("pid"),
            }).then((listdlet)=>{
                console.log(listdlet);
            })
            // console.log("ok");
            // console.log($(this).attr("pid"));
          })


        //  for(let a=0;a<$(".list-actionbig").children().length;a++) {
        //   $(".listbtj").on("click",function(){
        //     console.log($(this).siblings(".listbtj").val());
        //   })
        //  }


        // 改变数量
      for(let y = 0;y<$(".listbtj").length;y++){
        // console.log($(".listbtj").length);
        // 增加
        $(".listbtj").eq(y).on("click",function(){
        // console.log("ok");
     
        let chang=$(".listbtn").eq(y).val()
        // chang++;
        console.log($(".delet").eq(y).attr("pid"))
        $.get("http://jx.xuzhixiang.top/ap/api/cart-update-num.php",{
          uid:uid,
          pid:$(".delet").eq(y).attr("pid"),
          pnum:chang,
        }).then((changenb)=>{
          console.log(changenb);
        })
        })

  
          // 减少
        $(".listzbtn").eq(y).on("click",function(){
          // console.log("ok");
          let changjian=$(".listbtn").eq(y).val()
          // changjian--;
          console.log($(".delet").eq(y).attr("pid"))
          $.get("http://jx.xuzhixiang.top/ap/api/cart-update-num.php",{
            uid:uid,
            pid:$(".delet").eq(y).attr("pid"),
            pnum:changjian,
          }).then((changenb)=>{
            console.log(changenb);
          })
          })
        
          $(".listbtn").change(function(){
            let changjian=$(".listbtn").eq(y).val()
            $.get("http://jx.xuzhixiang.top/ap/api/cart-update-num.php",{
              uid:uid,
              pid:$(".delet").eq(y).attr("pid"),
              pnum:changjian,
            }).then((changenb)=>{
              console.log(changenb);
            //  $("").html(".zhsz")
            })
          })
      }

  
      })

 
    
})
function newdatt (){
  
let js=document.querySelectorAll(".listzbtn")/* jian */
let zj =document.querySelectorAll(".listbtj")/* jia */
let dlt =document.querySelectorAll(".delet")/* 删除键 */
let gx =document.querySelectorAll(".iptt")/* 选择 */
let num = document.querySelectorAll(".listbtn")
// console.log(gx);

for(let i =0; i < gx.length; i++){
zj[i].onclick = function(){
  num[i].value++
}
js[i].onclick = function(){
  
  num[i].value--
  if( num[i].value<=0){
    alert("最少为一个商品，您可以选择删除商品")
    num[i].value=1
  }
}


}
let shul =gx.length;
// let shuj =querySelector(".listnb")
// console.log(shuj.text());
}

